Membuat Screen Saver di Blogspot
Apakah screen saver itu ? Screen saver adalah sebuah tampilan lain pada layar monitor anda yang akan muncul bilamana dalam waktu tertent...
Apakah screen saver itu ? Screen saver adalah sebuah tampilan lain pada layar monitor anda yang akan muncul
bilamana dalam waktu tertentu mouse/cursor pointer
tidak digerakkan oleh kita. Bila pada komputer, gambar
tampilannya bisa bermacam-macam Bisa berupa tulisan
saja dan bisa juga dengan animasi gambar-gambar.
Bahkan kita bisa membuatnya sendiri dengan program :
Nufsoft Ace Pro Screensaver Creator, Fairy Christmas
Day 3D Screensaver 1.0, Snow Screen Saver 2.0.1
dan masih banyak lagi.
Sedangkan untuk di blog, belum banyak ragam animasi-
nya. Kebanyakan hanya berupa teks saja. Warna pada
backgroundnya pun dominan warna hitam. Tetapi kalau
anda mau sedikit kreatif, anda edit kode scriptnya,
sehingga nanti anda bisa menampilkan nama blog anda
pada screen saver yang kita buat.
Di sini akan saya bahas kedua-duanya. Sebelum kita
menuju caranya, lihat dulu previewnya seperti yang
tertera pada gambar di bawah ini.
1. Pada Dasbord klik Rancangan, klik lagi Edit HTML
2. Cari kode <head>
3. Copy paste kode berikut di bawah kode <head> ini.
1. Copy kode di bawah ini pada New Text Document.
2. Ubah kode tersebut pada tulisan yang diwarnai
biru, dengan kalimat sesuka anda.
3. Ganti URL nama blog dengan URL nama blog anda.
4. Simpan kode tersebut dalam bentuk file .js
( File name : judul titik js )
5. Ubah juga Save as type : Text Documents (*.txt)
menjadi All Files. Lihat gambar di bawah :
6. Kalau sudah, upload kode yang tadi anda ubah
ke web hosting sites.google.com/ atau
googlecode.com/ atau ke web hosting yang
biasa anda gunakan.
7. Setelah didapat kodenya, masukkan kode tersebut
pada sela-sela kode di bawah ini :
8. Kalau sudah, letakkan kode tersebut sama seperti
cara yang dijelaskan diawal (atas) tadi.
* Semoga anda memahaminya, Selamat mecoba
dan semoga berhasil, Good Luck ..............
bilamana dalam waktu tertentu mouse/cursor pointer
tidak digerakkan oleh kita. Bila pada komputer, gambar
tampilannya bisa bermacam-macam Bisa berupa tulisan
saja dan bisa juga dengan animasi gambar-gambar.
Bahkan kita bisa membuatnya sendiri dengan program :
Nufsoft Ace Pro Screensaver Creator, Fairy Christmas
Day 3D Screensaver 1.0, Snow Screen Saver 2.0.1
dan masih banyak lagi.
Sedangkan untuk di blog, belum banyak ragam animasi-
nya. Kebanyakan hanya berupa teks saja. Warna pada
backgroundnya pun dominan warna hitam. Tetapi kalau
anda mau sedikit kreatif, anda edit kode scriptnya,
sehingga nanti anda bisa menampilkan nama blog anda
pada screen saver yang kita buat.
Di sini akan saya bahas kedua-duanya. Sebelum kita
menuju caranya, lihat dulu previewnya seperti yang
tertera pada gambar di bawah ini.
■ CARA LANGSUNG PASANG :
1. Pada Dasbord klik Rancangan, klik lagi Edit HTML
2. Cari kode <head>
3. Copy paste kode berikut di bawah kode <head> ini.
<script src='http://deafile.webs.com/JavaScript/Screensaver.js'><br/></script>
Atau bisa juga pakai kode yang ini :
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
■ CARA DENGAN MENG-EDIT KODE :
1. Copy kode di bawah ini pada New Text Document.
var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,left:"0",top:"0",opacity:"1"},1000);standby=true}}function StopStandBy(){if(standby){jQuery("#energysaving").animate({width:"0",height:"0",opacity:"0",left:"50%",top:"50%"},500);setTimeout('jQuery("#energysaving").hide();',800);standby=false}}document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');if(typeof(jQuery)=="undefined"){document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><\/script>')}function InitJQuery(){if(typeof(jQuery)=="undefined"){setTimeout("InitJQuery();",50)}else{jQuery(function(){jQuery(document).ready(function(){setInterval("CheckInactivity();",10000);jQuery(this).mousemove(function(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><font style="color: #2fb2fa;">Jaga Kesadaran!!!! "<blink>Jangan Lama-Lama</blink>"</font><br/><span><font style="color: #FFFFFF;">Segera kembali ke aktivitas anda<blink>Sekarang juga</blink></font></span></p><div id="copyrightOnlineLeaf"><font style="color: #00FFFF;">Copyright @2011 | http://syamsudinnamaku.blogspot.com |</font> <font style="color: #FFFFFF;">Supported by: www.onlineleaf.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();
2. Ubah kode tersebut pada tulisan yang diwarnai
biru, dengan kalimat sesuka anda.
3. Ganti URL nama blog dengan URL nama blog anda.
4. Simpan kode tersebut dalam bentuk file .js
( File name : judul titik js )
5. Ubah juga Save as type : Text Documents (*.txt)
menjadi All Files. Lihat gambar di bawah :
6. Kalau sudah, upload kode yang tadi anda ubah
ke web hosting sites.google.com/ atau
googlecode.com/ atau ke web hosting yang
biasa anda gunakan.
7. Setelah didapat kodenya, masukkan kode tersebut
pada sela-sela kode di bawah ini :
<script language="javascript" type="text/javascript" src="URL FILE JS ANDA DI SINI"></script>
8. Kalau sudah, letakkan kode tersebut sama seperti
cara yang dijelaskan diawal (atas) tadi.
* Semoga anda memahaminya, Selamat mecoba
dan semoga berhasil, Good Luck ..............
Harap memberikan komentar yang sopan , dan tidak menyematkan link aktif didalam kolom komentar.
Mari kita bangun komentar - komentar yang Konstruktif.